$(function () {
  // 1-进度条功能 
  // 第一个请求发出时，    进度条动起来 

  $(document).ajaxStart(function () {
    NProgress.start();
  });

  // 当所有的请求都完成时，进度条结束动画
  $(document).ajaxStop(function () {
    setTimeout(function () {
      NProgress.done();
    }, 800)
  });

  // 2-点击切换二级分类
  // 点击一级a标签，切换二级ul列表 
  $('.cate-link').click(function () {
    $('.cate-list').stop().slideToggle();
  })

  // 3-点击切换侧边栏
  //   1- 给 lt-aside 侧边栏 切换 lt-out类名 
  //   2- 给 body 切换 pl-180 类名
  //   3- 给 lt-top 切换 pl-180 类名 
  // 推荐 使用css来实现动画效果， css把动画封装成类名， js负责切换类名即可；
  $('.menu').click(function () {
    $('.lt-aside').toggleClass('lt-out');
    $('body, .lt-top').toggleClass('pl-180');
  });

  // 4-点击实现退出功能 
  // 点击按钮，通过后台，用户退出
  $('.logout').click(function () {
    $.ajax({
      type: 'get',
      url: '/employee/employeeLogout',
      dataType: 'json',
      success: function (res) {
        console.log(res);
        // 跳转到登录页  
        if (res.success) {
          location.href = './login.html';
        }
      }
    })
  })

});

// 太麻烦
// var currentPage = 1;
// 2- 分页 
// function setPage (total, currentPage, pageSize, render) {
//   // 用插件生成分页小按钮  
//   $("#paginator").bootstrapPaginator({
//     bootstrapMajorVersion: 3,//默认是2，如果是bootstrap3版本，这个参数必填
//     currentPage: currentPage,// 高亮的分页小按钮的下标 
//     totalPages: Math.ceil(total / pageSize),// 分页按钮的个数     
//     onPageClicked: function (event, originalEvent, type, page) {
//       //为按钮绑定点击事件 page:当前点击的按钮值
//       // 1- 改变当前页的取值 
//       currentPage = page;
//       // 2- 重新渲染
//       render();
//     }
//   });

// }

